<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>订单结成功</title>
  <link href="jsp/css/public.css" type="text/css" rel="stylesheet"/>
  <link rel="stylesheet" type="text/css" href="jsp/css/base.css"/>
  <script type="text/javascript" src="jsp/js/jquery_cart.js"></script>
  <link rel="stylesheet" type="text/css" href="jsp/css/buyConfirm.css" />
  <script src="jsp/js/jquery-1.11.1.min.js" type="text/javascript"></script>
  <script src="jsp/js/unslider.min.js" type="text/javascript"></script>
  <script src="jsp/js/index.js" type="text/javascript"></script>
  <style type="text/css">
    #logo{
      width: 88px;
      height: 40px;
      border-radius: 10%;
      margin-left: 100px;
      float: left;
    }
    #tit{
      font-family: "楷体";
      color: red;
      font-size: 33px;
      float: left;
      text-decoration: none;
    }
  </style>
  <script src="jsp/gsjs.js" type="text/javascript" charset="utf-8"></script>
  <link rel="stylesheet" type="text/css" href="jsp/gsjs.css"/>

</head>
<body>
<div id="top">
  <div id="topz">
    <div id="top1">
      <img src="jsp/YNIK%7BT%60J8AT~PQ(8LL9QPJR.png" >
    </div>
    <div id="top2">
      <a href="蔬果集市页面.html" id="top21">集市首页</a>
    </div>
    <div id="top3">
      <span>欢迎来到本集市，开启新鲜水果之旅！</span>
    </div>
    <div id="top4">
      <a href="蔬果集市登陆页面.html" id="top41"> 请登录</a>
    </div>
    <div id="top5">
      <a href="蔬果集市注册页面.html" id="top51">免费注册</a>
    </div>
    <div id="top6">
      <a href="蔬果集市订单页面.html" id="top61">我的订单</a>
    </div>
    <div id="top7">
      <a href="" id="top71">商家支持</a>
    </div>
    <div id="top8">
      <a href="" id="top81" onmouseover="over()" onmouseout="out()">网站导航</a>
    </div>
    <div id="top9" onmouseover="over()" onmouseout="out()">
      <div id="wzdh1">
        <a href="蔬果集市帮助中心.html" id="wzdh11">帮助中心</a>
      </div>
      <div id="wzdh1">
        <a href="蔬果集市帮助中心.html" id="wzdh11">帮助中心</a>
      </div>
      <div id="wzdh1">
        <a href="蔬果集市帮助中心.html" id="wzdh11">帮助中心</a>
      </div>
      <div id="wzdh1">
        <a href="蔬果集市帮助中心.html" id="wzdh11">帮助中心</a>
      </div>
      <div id="wzdh1">
        <a href="蔬果集市帮助中心.html" id="wzdh11">帮助中心</a>
      </div>
      <div id="wzdh1">
        <a href="蔬果集市帮助中心.html" id="wzdh11">帮助中心</a>
      </div>
      <div id="wzdh1">
        <a href="蔬果集市帮助中心.html" id="wzdh11">帮助中心</a>
      </div>
      <div id="wzdh1">
        <a href="蔬果集市帮助中心.html" id="wzdh11">帮助中心</a>
      </div>
      <div id="wzdh1">
        <a href="蔬果集市帮助中心.html" id="wzdh11">帮助中心</a>
      </div>
      <div id="wzdh1">
        <a href="蔬果集市帮助中心.html" id="wzdh11">帮助中心</a>
      </div>
      <div id="wzdh1">
        <a href="蔬果集市帮助中心.html" id="wzdh11">帮助中心</a>
      </div>
      <div id="wzdh1">
        <a href="蔬果集市帮助中心.html" id="wzdh11">帮助中心</a>
      </div>
    </div>
  </div>

</div>

<div id="banner" style="margin-top: 28px;">
  <div id="banner4" style="border: none;">
    <div id="logo">
      <a href="蔬果集市页面.html"><img src="jsp/731.jpg" ></a>
    </div>
    <div id="tt">
      <a href="蔬果集市页面.html" id="tit">蔬果集市</a>
    </div>
  </div>
  <div id="banner1" style="width: 500px;height: 38px">
    <form action="http://www.baidu.com/s" method="post">
      <input type="text" name="wd" id="banner2" value="" size="50" placeholder="请输入您喜爱的水果"
             style="line-height: 20px;margin-top: 3px;"/>
      <input type="submit" id="banner3" value="搜索"/>
    </form>
  </div>
</div>













<!--订单提交body部分开始-->


<div class="border_top_cart">

  <div class="container payment-con">
    <form  target="_blank" action="#" id="pay-form" method="post">
      <div class="order-info">
        <div class="msg">
          <h3>您的订单已提交成功！付款咯～</h3>
          <p></p>

          <p class="post-date">成功付款后，7天发货</p>
        </div>
        <div class="info">
          <p>
            金额：<span class="pay-total">${paygoods.goodsprice}元</span>
          </p>
          <p>
            订单：${paygoods.goodspic}                  </p>
          <p>
            配送：潘骏杰                                    <span class="line">/</span>
            159****6437                                    <span class="line">/</span>
            江苏,无锡市,北塘区 民丰西苑82号202室                                                                <span class="line">/</span>
            不限送货时间                                    <span class="line">/</span>
            个人电子发票                                                    </p>
        </div>
        <div class="icon-box">
          <i class="iconfont"><img src="images/yes_ok.png"></i>
        </div>
      </div>

      <div class="xm-plain-box">
        <!-- 选择支付方式 -->
        <div class="box-hd bank-title clearfix">
          <div id="titleWrap" class="title-wrap">
            <h2 class="title">选择支付方式</h2>
            <h2 class="title hide " >你还需要继续支付 <em>49.00</em> 元</h2>
            <span class="tip-tag"></span>
          </div>
        </div>
        <div class="box-bd" id="bankList">
          <div class="payment-bd">
            <form name="ck">
              <dl class="clearfix payment-box" >
                <dt>
                  <strong>支付平台</strong>
                  <p>手机等大额支付推荐使用支付宝快捷支付</p>
                </dt>
                <dd>
                  <fieldset id="test4-input-input_tab1-input_tab2" style=" border:none;">
                    <ul class="payment-list clearfix" >
                      <li> <input class="input_tab1" name="myradio" id="r1" type="radio"/><label for="r1" ><img src="images/xhw.png" alt=""/></label></label></li>
                      <li><input class="input_tab3" name="myradio" id="r2" type="radio" checked="checked"/><label for="r2" ><img src="images/zfb.png" alt=""/></label></li>
                      <li> <input class="input_tab2" name="myradio" id="r2" type="radio" /><label for="r2" ><img src="images/yck.png" alt=""/></label></li>
                      <li>  <input class="input_tab2" name="myradio" id="r2" type="radio" /><label for="r2" ><img src="images/zxzf.png" alt=""/></label></li>
                    </ul>
                    <div >
                      <div id="test4_1">
                        <ul class="payment-list clearfix"  style="background-color:#f3f3f3;   ">
                          <div class="xhw">
                            <div class="whx_banner">
                              <div style="clear:both"><p class="p1">请选择锡货卡：</p><p class="p2">对不起，没有可用的锡货卡！</p><a class="a3" href="#">立即去充值</a></div>
                              <div style="clear:both"><p class="p1">已绑定手机号：</p><p class="a3">15961726437</p></div>
                              <div style="clear:both"> <p class="p1">短信效验码</p><input id="mobileCode" name="mobileCode" type="text" value=""><input id="send" type="button" style="cursor:hand" value="点击获取手机验证码" onclick="sendMobileCode()"></div>
                            </div>
                          </div>
                        </ul>
                      </div>
                      <div  id="test4_2" style="display:none;">

                      </div>
                      <div  id="test4_3" style="display:none;">

                      </div>
                      <div  id="test4_4" style="display:none;">

                      </div>



                    </div>
                  </fieldset>
                </dd>
              </dl>
            </form>

            <dl class="clearfix payment-box" >
              <dt>
                <strong>银行网银</strong>
                <p>支持以下各银行借记卡及信用卡</p>

              </dt>
              <dd>
                <ul class="payment-list clearfix">
                  <li><label  for="CMB"><input type="radio" name="payOnlineBank" id="CMB" value="CMB" /> <img src="http://s1.mi.com/images/payOnline_zsyh.gif" alt=""/></label></li>
                  <li><label  for="ICBCB2C"><input type="radio" name="payOnlineBank" id="ICBCB2C" value="ICBCB2C" /> <img src="http://s1.mi.com/images/payOnline_gsyh.gif" alt=""/></label></li>
                  <li><label  for="CCB"><input type="radio" name="payOnlineBank" id="CCB" value="CCB" /> <img src="http://s1.mi.com/images/payOnline_jsyh.gif" alt=""/></label></li>
                  <li><label  for="ABC"><input type="radio" name="payOnlineBank" id="ABC" value="ABC" /> <img src="http://s1.mi.com/images/payOnline_nyyh.gif" alt=""/></label></li>
                  <li><label  for="BOCB2C"><input type="radio" name="payOnlineBank" id="BOCB2C" value="BOCB2C" /> <img src="http://s1.mi.com/images/payOnline_zgyh.gif" alt=""/></label></li>
                  <li><label  for="COMM"><input type="radio" name="payOnlineBank" id="COMM" value="COMM" /> <img src="http://s1.mi.com/images/payOnline_jtyh.gif" alt=""/></label></li>
                  <li><label  for="PSBC-DEBIT"><input type="radio" name="payOnlineBank" id="PSBC-DEBIT" value="PSBC-DEBIT" /> <img src="http://s1.mi.com/images/payOnline_youzheng.gif" alt=""/></label></li>
                  <li><label  for="GDB"><input type="radio" name="payOnlineBank" id="GDB" value="GDB" /> <img src="http://s1.mi.com/images/payOnline_gfyh.gif" alt=""/></label></li>
                  <li><label  for="SPDB"><input type="radio" name="payOnlineBank" id="SPDB" value="SPDB" /> <img src="http://s1.mi.com/images/payOnline_pufa.gif" alt=""/></label></li>
                  <li><label  for="CEBBANK"><input type="radio" name="payOnlineBank" id="CEBBANK" value="CEBBANK" /> <img src="http://s1.mi.com/images/payOnline_gdyh.gif" alt=""/></label></li>
                  <li><label  for="SPABANK"><input type="radio" name="payOnlineBank" id="SPABANK" value="SPABANK" /> <img src="http://s1.mi.com/images/payOnline_payh.gif" alt=""/></label></li>
                  <li><label  for="CIB"><input type="radio" name="payOnlineBank" id="CIB" value="CIB" /> <img src="http://s1.mi.com/images/payOnline_xyyh.gif" alt=""/></label></li>
                  <li><label  for="CMBC"><input type="radio" name="payOnlineBank" id="CMBC" value="CMBC" /> <img src="http://s1.mi.com/images/payOnline_msyh.gif" alt=""/></label></li>
                  <li><label  for="BOB"><input type="radio" name="payOnlineBank" id="BOB" value="BOB" /> <img src="http://s1.mi.com/images/payOnline_bjyh.gif" alt=""/></label></li>
                  <li><label  for="CITIC"><input type="radio" name="payOnlineBank" id="CITIC" value="CITIC" /> <img src="http://s1.mi.com/images/payOnline_zxyh.gif" alt=""/></label></li>
                  <li><label  for="SDB"><input type="radio" name="payOnlineBank" id="SDB" value="SDB" /> <img src="http://s1.mi.com/images/payOnline_sfyh.gif" alt=""/></label></li>
                  <li><label  for="SHBANK"><input type="radio" name="payOnlineBank" id="SHBANK" value="SHBANK" /> <img src="http://s1.mi.com/images/payOnline_shyh.gif" alt=""/></label></li>
                  <li><label  for="BJRCB"><input type="radio" name="payOnlineBank" id="BJRCB" value="BJRCB" /> <img src="http://s1.mi.com/images/payOnline_bjnsyh.gif" alt=""/></label></li>
                  <li><label  for="NBBANK"><input type="radio" name="payOnlineBank" id="NBBANK" value="NBBANK" /> <img src="http://s1.mi.com/images/payOnline_nbyh.gif" alt=""/></label></li>
                  <li><label  for="HZCBB2C"><input type="radio" name="payOnlineBank" id="HZCBB2C" value="HZCBB2C" /> <img src="http://s1.mi.com/images/payOnline_hzyh.gif" alt=""/></label></li>
                  <li><label  for="SHRCB"><input type="radio" name="payOnlineBank" id="SHRCB" value="SHRCB" /> <img src="http://s1.mi.com/images/payOnline_shnsyh.gif" alt=""/></label></li>
                  <li><label  for="FDB"><input type="radio" name="payOnlineBank" id="FDB" value="FDB" /> <img src="http://s1.mi.com/images/payOnline_fcyh.gif" alt=""/></label></li>                                </ul>
              </dd>
            </dl>




          </div>
        </div>
        <div class="box-ft clearfix">
          <input type="submit" class="btn btn-primary" value="下一步" id="payBtn">
          <a href="#" class="btn btn-lineDakeLight">修改订单</a>
          <span class="tip"></span>
        </div>
      </div>
    </form>
  </div>
  <!-- 支付弹框 -->
  <div class="modal hide to-pay-tip" id="toPayTip">
    <div class="modal-header">
		        <span class="close" id="toPayTipClose">
		            <i class="iconfont">&#xe617;</i>
		        </span>
      <h3>正在支付...</h3>
    </div>
    <div class="modal-body">
      <div class="pay-tip clearfix">
        <div class="fail">
          <h4>如果支付失败...</h4>
          <p>额度问题，推荐<a href="#" id="alipayTrigger">支付宝快捷支付 &gt;</a></p>
          <p>其他问题，查看<a href="#">支付常见问题 &gt;</a></p>
        </div>
        <div class="success">
          <h4>支付成功了</h4>
          <p>立即查看<a href="#" target="_blank">订单详情 &gt;</a></p>
        </div>
      </div>
    </div>
  </div>
  <!-- 余额支付弹框 -->
  <div class="modal hide  balance-pay" id="balancePay">
    <div class="modal-body">
      <h3>账户余额支付：<span class="num"><em id="useCashAccountPayLeft">0.00</em>元</span></h3>
      <p id="checkCodeTip">短信验证码已下发至您的手机<span class="num"></span></p>
      <input type="text" name="verifycode" id="verifycode" class="input" placeholder="请输入验证码"> <span class="send-again" id="sendAgain">重新发送<em></em></span>
      <p><input type="button" value="确认支付" class="btn btn-primary" id="toPay">
      <div class="select-other">
        <p><span id="bankName"></span> <span class="num">49.00元</span></p>

      </div>
      <a href="javascript:;" id="chooseOther">选择其他方式支付&gt;</a>
    </div>

  </div>



  <script src="js/base.min.js"></script>

  <script type="text/javascript" src="js/buyConfirm.js"></script>

</div>
</div>

<!--订单提交body部分结束-->






















<div id="di" style="background-color: #EAEAEA;height: 510px;">

  <div id="bottom" style="width: 1200px;">
    <div id="bottom1" style="width: 1200px; ">
      <img src="78.png" style="width: 1200px; height: 100px; ">
    </div>
    <div id="bottom2" style="width: 1200px;">
      <div id="bottom21" style="margin-left: 100px;">
        <br>
        <span><a href="" class="bm1 gg"><b>购物指南</b></a></span><br>
        <br>
        <span><a href="" class="bm11 gg1">购物流程</a></span><br>
        <span><a href="" class="bm12 gg1">会员介绍</a></span><br>
        <span><a href="" class="bm13 gg1">生活旅行</a></span><br>
        <span><a href="" class="bm14 gg1">常见问题</a></span><br>
        <span><a href="" class="bm15 gg1">联系客服</a></span><br>
      </div>
      <div id="bottom22" style="margin-left: 100px;">
        <br>
        <span><a href="" class="bm2 gg"><b>配送方式</b></a></span><br>
        <br>
        <span><a href="" class="bm21 gg1">上门自提</a></span><br>
        <span><a href="" class="bm22 gg1">211限时达</a></span><br>
        <span><a href="" class="bm23 gg1">配送服务查询</a></span><br>
        <span><a href="" class="bm24 gg1">配送费收取标准</a></span><br>
        <span><a href="" class="bm25 gg1">海外配送</a></span><br>
      </div>
      <div id="bottom23" style="margin-left: 100px;">
        <br>
        <span><a href="" class="bm3 gg"><b>支付方式</b></a></span><br>
        <br>
        <span><a href="" class="bm31 gg1">货到付款</a></span><br>
        <span><a href="" class="bm32 gg1">在线支付</a></span><br>
        <span><a href="" class="bm33 gg1">分期付款</a></span><br>
        <span><a href="" class="bm34 gg1">公司转账</a></span><br>
      </div>
      <div id="bottom24" style="margin-left: 100px;">
        <br>
        <span><a href="" class="bm4 gg"><b>售后服务</b></a></span><br>
        <br>
        <span><a href="" class="bm41 gg1">售后政策 </a></span><br>
        <span><a href="" class="bm42 gg1">价格保护 </a></span><br>
        <span><a href="" class="bm43 gg1">退款说明 </a></span><br>
        <span><a href="" class="bm44 gg1">返修/退换货 </a></span><br>
        <span><a href="" class="bm45 gg1">取消订单</a></span><br>
      </div>
      <div id="bottom25" style="margin-left: 100px;">
        <br>
        <span><a href="" class="bm5 gg"><b>特色服务</b></a></span><br>
        <br>
        <span><a href="" class="bm51 gg1">夺宝岛 </a></span><br>
        <span><a href="" class="bm52 gg1">DIY装机 </a></span><br>
        <span><a href="" class="bm53 gg1">延保服务 </a></span><br>
        <span><a href="" class="bm54 gg1"></a></span><br>
        <span><a href="" class="bm55 gg1"></a></span><br>
      </div>
    </div>
    <div id="bottom3" style="width: 1200px;">
      <img src="12.png" style="width: 1200px; height: 190px;">
    </div>
  </div>
</div>
</body>
</html>
